﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>神舟万年历</title>
    <link href="~/css/layout.min.css" rel="stylesheet" asp-append-version="true" />
    <link href="~/css/reset.min.css" rel="stylesheet" asp-append-version="true" />
    <link href="~/css/index.min.css" rel="stylesheet" asp-append-version="true" />
    <link href="~/css/wnlImprove.min.css" rel="stylesheet" asp-append-version="true" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          asp-fallback-href="lib/bootstrap-3.3.7-dist/css/bootstrap.min.css"
          asp-fallback-test-class="sr-only"
          asp-fallback-test-property="position"
          asp-fallback-test-value="absolute"
          asp-append-version="true" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css"
          asp-fallback-href="lib/bootstrap-select/css/bootstrap-select.min.css"
          asp-fallback-test-class="selected"
          asp-fallback-test-property="position"
          asp-fallback-test-value="absolute"
          asp-append-version="true" />
    <style type="text/css">
        body {
            background-color: #F3F3F3;
        }
    </style>
</head>
<body>
    <div class="topbar">
        <div class="wrapper">
            <div class="topbar-wrapper">
                <a href="/swagger" target="_blank" style=""><span>接口文档</span></a>
                <a href="https://github.com/snowchenlei/calendar" target="_blank" style="margin-left: 20px;"><span>源码</span></a>
            </div>
        </div>
    </div>
    <div class="content clearfix" id="content">
        <div class="cont_left">
            <div style="margin-right: 310px; height: 100%;">
                <div class="c_top clear" style="background: #fff;">
                    <div class="ct_content">
                        <span class="glyphicon glyphicon-chevron-left" id="subMonth" style="cursor: pointer;" aia-hidden="true"></span>
                        <div class="fll">
                            <select id="yearSel">
                                @for (int i = 1901; i <= 2050; i++)
                                {
                                    if (i == DateTime.Now.Year)
                                    {
                                        <option selected="selected">@i</option>
                                    }
                                    else
                                    {
                                        <option>@i</option>
                                    }
                                }
                            </select>
                            <select id="monthSel">
                                @for (int i = 1; i <= 12; i++)
                                {
                                    if (i == DateTime.Now.Month)
                                    {
                                        <option selected="selected">@i</option>
                                    }
                                    else
                                    {
                                        <option>@i</option>
                                    }
                                }
                            </select>
                        </div>
                        <span class="glyphicon glyphicon-chevron-right" id="addMonth" style="cursor: pointer;" aria-hidden="true"></span>
                        <div class="fll">
                            <div class="chinaDayM fll tac" id="china_Dt"></div>
                            <div class="toright fll">
                                <select id="holidaySel">
                                    <option value="-1">请选择</option>
                                    @{
                                        string[] holidays = ViewBag.HolidayDays;
                                        for (int i = 0, max = holidays.Length; i < max; i++)
                                        {
                                            <option value="@i">@holidays[i]</option>
                                        }
                                    }
                                </select>
                            </div>
                            <div class="fll">
                                <button type="button" id="today_button" class="btn btn-default" style="display: none">今天</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="calendar" id="mainCal">
                    <table>
                        <thead id="headerHtml">@Html.Raw(ViewBag.CanlendarHeader)</thead>
                    </table>
                    <table style="height: 500px;">
                        <tbody id="bodyHtml">@Html.Raw(ViewBag.CanlendarBody)</tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="everydayinfo" style="height: 539px;">
            <div class="Infotop">
                <div class="worlDay" id="worlDay"></div>
                <div class="NumberDay" id="numberDay"></div>
                <div id="chinaDay" class="lMonthDay"></div>
                <div class="tactwo">
                    <span id="chinaDay2" class="tac"></span>
                </div>
                <div id="yjlist" class="yjlist">
                    <div class="dlist">
                        <nobr>
                            <span class="dlistName" style="vertical-align: middle;">节日</span>
                            <ul id="holiday" style="display: inline-block;vertical-align: middle;margin: 0px;"></ul>
                        </nobr>
                    </div>
                </div>

                <div class="tac">
                    <span id="av_action">
                        与今天相距<span class="av-czt" id="tCount"></span>&nbsp;天
                    </span>
                </div>
            </div>
            <div class="Infobottom">
                <div class="top">
                    <span><span id="day"></span> 详细信息</span>
                </div>
                <div id="yjlist" class="yjlist">
                    <div class="dlist">
                        <nobr>
                            <span class="dlistName">生肖</span><span id="animal"> </span>
                        </nobr>
                    </div>
                    <div class="dlist">
                        <nobr>
                            <span class="dlistName">星座</span><span id="solarConstellation"> </span>
                        </nobr>
                    </div>
                    <div class="dlist">
                        <nobr>
                            <span class="dlistName">年五行</span><span id="yearNaYinFiveElements"> </span>
                        </nobr>
                    </div>
                    <div class="dlist">
                        <nobr>
                            <span class="dlistName">星宿</span><span id="lunarConstellation"> </span>
                        </nobr>
                    </div>
                    <div class="dlist">
                        <nobr>
                            <span class="dlistName">月五行</span><span id="monthNaYinFiveElements"> </span>
                        </nobr>
                    </div>
                    <div class="dlist">
                        <nobr>
                            <span class="dlistName">星宫</span><span id="solarPalace"> </span>
                        </nobr>
                    </div>
                    <div class="dlist">
                        <nobr>
                            <span class="dlistName">日五行</span><span id="dayNaYinFiveElements"> </span>
                        </nobr>
                    </div>
                    <div class="dlist">
                        <nobr>
                            <span class="dlistName">行星</span><span id="solarPlanet"> </span>
                        </nobr>
                    </div>
                    <div class="dlist">
                        <nobr>
                            <span class="dlistName">节气</span><span id="solarTermDays"> </span>
                        </nobr>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @*<script src="~/js/jquery-3.3.1.min.js"></script>*@
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"
            asp-fallback-src="js/jquery-3.3.1.min.js"
            asp-fallback-test="window.jQuery"
            asp-append-version="true"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            asp-fallback-src="lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"
            asp-fallback-test="$().emulateTransitionEnd"
            asp-append-version="true"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"
            asp-fallback-src="lib/bootstrap-select/js/bootstrap-select.min.js"
            asp-fallback-test="$().selectpicker"
            asp-append-version="true"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/i18n/defaults-zh_CN.min.js"
            asp-fallback-src="lib/bootstrap-select/js/i18n/defaults-zh_CN.min.js"
            asp-fallback-test="$.fn.selectpicker.defaults"
            asp-append-version="true"></script>
    <environment include="Development">
        <script src="~/js/index.js" asp-append-version="true"></script>
    </environment>
    <environment exclude="Development">
        <script src="~/js/index.min.js" asp-append-version="true"></script>
    </environment>
</body>
</html>